<template>
  <section class="Preferences">
    <div class="tags-inner">
      <el-card class="box-card">
        <div slot="header" style="text-align:left;">
          <span class="card-title">编好设置</span>
        </div>
        <el-form label-width="120px" label-suffix="：" class="size-form">
          <el-form-item label="标题"><span>picture.img_name</span></el-form-item>
          <el-form-item label="供图"><span>picture.img_designer</span></el-form-item>
          <el-form-item label="标签">
            <el-button type="info" plain size="mini" >item.name</el-button>
          </el-form-item>
          <el-form-item label="位置">
            <el-button type="info" plain size="mini">l</el-button>
          </el-form-item>
        </el-form>
      </el-card>
    </div>
  </section>
</template>
<script>
  export default {
    
  };
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
  @import "../assets/css/icon.css";
  .Preferences {
    position: relative;
    padding-top: 24px;
    height: 800px;
    .tags-inner {
      padding: 0 16px;
      position: relative;
      max-width: 1380px;
      padding: 0 16px;
      margin: 0 auto;
    }
  }
</style>